草庐IT

Java Android - 在 ImageView 中裁剪图像

全部标签

javascript - 动态导入图像(React Js)(要求 img 路径找不到模块)

我需要通过map方法从我的图像文件中动态导入图像(多个)。首先,我想为我的图像文件设置一个基本URL,然后从我的包含image属性的JSON文件中读取图像的名称,然后相应地设置图像src。JSON文件如下所示:{"title":"BlueStripeStonewarePlate","brand":"Kiriko","price":40,"description":"Loremipsumdolorsitamet...","image":"blue-stripe-stoneware-plate.jpg"},{"title":"HandPaintedBlueFlatDish","brand"

javascript - Webkit JavaScript 可以 PUT 或 POST 图像 REST 样式作为纯二进制文件吗?

当我的浏览器从网站下载图像时,不涉及base64编码。它发出类似GET/image.jpg的HTTP命令并接收Content-Type类似于image/jpg的HTTP响应,其Content-Length是图像中的字节数,其主体是原始二进制图像数据本身。数据既未使用字符集编码,也未使用base64等方案进行编码。编写RESTful资源训练我期待HTTPGET和PUT之间的对称性,例如,当我执行时,一个URL会传送JSON数据当使用PUT时,GET将接受JSON数据。在这两种情况下都不涉及表单编码;在这两种情况下,只有一个Content-Length给出有效载荷中的字节数,一个Conte

javascript - 无休止地旋转图像/div(跨浏览器)

我正在尝试为这种效果找到一个跨浏览器的解决方案,但这是我能找到的最好的解决方案:http://jsfiddle.net/fE58b/19/它对CPU也非常友好。一些非跨浏览器的javascript解决方案使用了近50%的CPU。在我看来,这不是网络使用的解决方案。提供的示例适用于Chrome17、Firefox11和Safari5.1.7。所以我的问题是:有没有一种方法可以创建这种效果(当然不用flash或java),这样它也可以在Opera和IE中工作?编辑:HTML​CSS@-webkit-keyframesspin{from{-webkit-transform:rotate(0d

javascript - Canvas 图像调整大小/scew/dnd

我正在尝试构建一个人们可以上传图像的应用程序,我想让人们可以拖动图像的Angular落并扭曲它。但我不知道从哪里开始,也找不到任何示例。我在flash中有一个例子:http://configurator.cando.eu/popup.html-点击“CandoStijlkamer”-点击6种背景中的一种-在顶部选择第2步“Kiesuwdeur”-双击门,然后在底部再做一次。-现在您可以拖动边Angular了。示例图片:有人知道如何实现吗?更新开始将ThreeJS用于webGL,此刻我得到了一个立方体,可以使它透视、缩放和旋转。但是Angular落不会灵活。更新2创建了一个带有可拖动An

javascript - 图像旋转不良

在以正确的旋转方式上传之前渲染图像时,我遇到了JavaScript问题。似乎当您渲染图像时,女巫仅在exif数据上具有正确的旋转,浏览器不使用它。当图像通过JavaScript在网站上显示时,用户会看到他们在系统上的不同轮换。代码非常基础:你知道纠正这个旋转错误的简单方法吗?LbEmeraude.handleImage=function(f){if(f.type.match('image.*')){varreader=newFileReader();reader.onload=(function(file){returnfunction(e){varimage={};image.dat

javascript - 使用 XMLHttpRequest 为 RGB 图像生成主色

读者注意事项:这是一个很长的问题,但需要背景知识才能理解所提问题。colorquantizationtechnique通常用于获取图像的主色。进行颜色量化的著名库之一是Leptonica通过ModifiedMedianCutQuantization(MMCQ)andoctreequantization(OQ)Github的Color-thief@lokesh是MMCQ算法的一个非常简单的JavaScript实现:varcolorThief=newColorThief();colorThief.getColor(sourceImage);从技术上讲,上的图像HTML元素支持元素:varC

javascript - Angular 获取图像数据并再次将其附加到 FormData

在Angular5中,我通过我的服务从mongodb获取hotelgallery的图像。所以基本上我得到的数据是这样的{fieldname:"hotelgallery",originalname:"e.jpg",encoding:"7bit",mimetype:"image/jpeg",destination:"./public/",encoding:"7bit",filename:"1521139307413.jpg"mimetype:"image/jpeg"path:"public/1521139307413.jpg"size:66474}{fieldname:"hotelgall

javascript - CSS 背景图像转换使视频标记缓冲区

我有一个视频标签,我想连续播放,而用户可以同时在网站上做一些事情。但是我发现,如果视频开始缓冲的背景图像之间的背景转换。我在下面的代码片段中有一个可运行的示例。注意:如果代码段正常运行,缓冲似乎不会发生,但如果将代码段放在“整页”中,缓冲就会发生。functionchangeBackground(){constrandomColor='#'+Math.floor(Math.random()*16777215).toString(16);constelement=document.getElementById('background');constcurrentOpacity=eleme

javascript - 在弹出窗口裁剪浏览的图像

请查看http://jsfiddle.net/UmJtB/18/下面的代码$(document).ready(function(){$(".uploadphoto").click(function(){if(document.getElementById('files').files.length==0){alert('SelectanImagefirst');returnfalse;}else{//Whenuploadbuttonispressed,loadthePopupboxFirstloadPopupBox();}$('#popupBoxClose').click(functi

javascript - Chrome 不会在 SVG 中缓存图像

我刚刚发现,如果SVG中的cache-controlheader设置为no-cache,Chrome不会缓存放置在SVG中的图像。Firefox和IE10似乎忽略了这个设置。我创建了一个带有静态SVG的小测试页:HTML:Javascript:$(document).ready(function(){varcurXPos=80;//Localtestfunctionwhichrepresentsomeservercallsinmy"reallife"scenario//Justupdatesthex-positioninthetransformmatrixinthistestcasef